${require('./header.html')}

<div class="second-banner">
    <img class="w-100" src="${require(`./images/second-banner.png`)}" alt="">
</div>

<div class="second pt-3 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-xl-9">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">首页</a></li>
                        <li class="breadcrumb-item" aria-current="page">产业格局</li>
                        <li class="breadcrumb-item active" aria-current="page">云计算</li>
                    </ol>
                </nav>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 col-xl-9">
                <article class="bg-white p-4 pt-5 pb-5 mb-5">
                    <div class="row mb-5">
                        <div class="col-lg-6">
                            <div class="industry-heading industry-heading--border mb-3">
                                <h6 class="industry-heading__subtitle">LANGBOCLOUD COMPUTING</h6>
                                <h5 class="industry-heading__title">浪博云</h5>
                            </div>

                            <section>
                                <p class="ti2em">河南浪博科技集团位于开封市中关村智酷园区，现有服务器5000余台，拥有专业的技术研发和师训团队。</p>
                                <p class="ti2em">浪博云创立于2019年，总部位于中原腹地，拥有近万台专业级高防服务器，是中原地区领先的云计算、大数据、物联网及人工智能科技公司，立志为全球200多个国家和地区的企业、开发者和政府机构提供服务。浪博云致力于在线公共服务的方式，提供安全、可靠的计算和数据处理能力，让计算机与信息工程成为大众科技。</p>
                            </section>
                        </div>

                        <div class="col-lg-6">
                            <img class="w-100" src="${require(`./images/industry-desc.png`)}" alt="">
                        </div>
                    </div>

                    <div class="row mb-5">
                        <div class="col-12">
                            <div class="industry-heading mb-3">
                                <h6 class="industry-heading__subtitle">SERVER  SHOW</h6>
                                <h5 class="industry-heading__title">服务器展示</h5>
                            </div>
                        </div>

                        <div class="col-md-3 col-6 mb-4">
                            <div class="industry-col"></div>
                        </div>
                        <div class="col-md-3 col-6 mb-4">
                            <div class="industry-col"></div>
                        </div>
                        <div class="col-md-6 col-12 mb-5">
                            <div class="industry-col"></div>
                        </div>
                    </div>

                    <div class="row mb-5">
                        <div class="col-12">
                            <div class="industry-heading mb-3">
                                <h6 class="industry-heading__subtitle">SERVICE AREA</h6>
                                <h5 class="industry-heading__title">云计算主要领域</h5>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="accordion" id="accordionExample">
                                <div class="card industry-collapse border-top-0 border-left-0 border-right-0">
                                    <div class="card-header bg-transparent" id="headingOne">
                                        <h2 class="mb-0">
                                            <button class="btn btn-block text-center industry-collapse__btn" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                浪博云服务
                                                <img class="industry-collapse__arrow" src="${require(`./images/industry-card__arrow.png`)}" alt="">
                                            </button>
                                        </h2>
                                    </div>

                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                        <div class="card-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                                <div class="card industry-collapse border-left-0 border-right-0">
                                    <div class="card-header bg-transparent" id="headingTwo">
                                        <h2 class="mb-0">
                                            <button class="btn btn-block text-center industry-collapse__btn collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                浪博云服务
                                                <img class="industry-collapse__arrow" src="${require(`./images/industry-card__arrow.png`)}" alt="">
                                            </button>
                                        </h2>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                        <div class="card-body">
                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>

            <div class="col-lg-4 col-xl-3">
                <div class="sidebar mb-5">
                    <div class="sidebar__heading">
                        <h2 class="sidebar__subtitle">Industrial structure</h2>
                        <h2 class="sidebar__title">产业格局</h2>
                    </div>

                    <a class="sidebar__item sidebar__item--active" href="industry-1.html">云计算</a>
                    <a class="sidebar__item" href="industry-2.html">软件开发</a>
                    <a class="sidebar__item" href="industry-3.html">智能科技</a>
                    <a class="sidebar__item" href="industry-4.html">影视传媒</a>
                    <a class="sidebar__item" href="industry-5.html">广告企划</a>
                    <a class="sidebar__item" href="industry-6.html">智能化教育</a>
                </div>
            </div>
        </div>
    </div>
</div>

${require('./footer.html')}
